<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>学校管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/public.css" media="all" />
</head>
<body class="childrenBody">

	<!--xql 查询和添加开始-->
		<form class="layui-form " action="" method="post" id="searchFrm" lay-filter="searchFrm">
				<div class="layui-inline">
					<input type="text" class="layui-input searchVal" placeholder="请输入学校名称" />
				</div>
				<button type="button" class="layui-btn search_btn" id="search_btn" lay-filter="search_btn"><span class="layui-icon layui-icon-search"></span>搜索</button>
				<div class="layui-inline">
					<button type="button" class="layui-btn layui-btn-normal add_btn" id="add_btn" lay-filter="add_btn"><i class="layui-icon">&#xe608;</i>添加</button>
				</div>
		</form>
	<!--查询和工具栏结束-->

	<br><!--xql 分隔-->

	<!--数据表格开始-->
	<div class="layui-col-md6"><!--xql 确定宽度-->
		<table id="list" lay-filter="list" ></table><!--xql 显示列表数据-->

		<!--行工具条-->
		<div id="listRowBar" style="display:none;">
			<a><i class="layui-icon" lay-event="edit">&#xe642;</i></a>
			<a><i class="layui-icon" lay-event="del">&#xe640;</i></a>
		</div>
	</div>
	<!--数据表格结束-->

	<!-- 添加学校弹出层开始-->
	<div style="display:none;padding:10px" id="addDiv">
		<form action="" method="post" class="layui-form" id="dataFrm" lay-filter="dataFrm">

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>学校ID</label>
				<div class="layui-input-block">
					<input type="text" name="schoolID" autocomplete="off" class="layui-input" id="schoolid" lay-verify="required|lenLimit20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>学校名称</label>
				<div class="layui-input-block">
					<input type="text" name="schoolname" autocomplete="off" class="layui-input" id="schoolname" lay-verify="required|lenLimit20">
				</div>
			</div>
			<!-- <div class="layui-form-item">
				<label class="layui-form-label">学校类型</label>
				<div class="layui-input-block">
					<input type="text" name="site" autocomplete="off" class="layui-input" id="schooltype" lay-verify="lenLimit20">
				</div>
			</div> -->
			<div class="layui-form-item">
				<label class="layui-form-label">学校类型</label>
				<div class="layui-input-block">
					<select name=""  lay-filter="mySelect1" id = "schooltype">
						<option value="">请选择学校类型</option>
						<option value="1">大学</option>
						<option value="2">高中</option>
						<option value="3">初中</option>
						<option value="4">小学</option>
						<option value="5">幼儿园</option>
						<option value="6">其他</option>
					</select>
				</div>
			</div>
			
			<!-- xql 三级联动选择地址栏开始 -->
			<div class="layui-form-item" id="area-picker">
						<div class="layui-form-label"><span style="color:red;">*</span>学校地址</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="province" class="province-selector" data-value="" lay-filter="province-1">
							<option value="">请选择省</option>
						  </select>
						</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="city" class="city-selector" data-value="" lay-filter="city-1">
							<option value="">请选择市</option>
						  </select>
						</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="county" class="county-selector" data-value="" lay-filter="county-1">
							<option value="">请选择区</option>
						  </select>
						</div>
			</div>
			<!-- xql 三级联动选择地址栏结束 -->

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>详细地址</label>
				<div class="layui-input-block">
					<input type="text" name="address" autocomplete="off" class="layui-input" id="address" lay-verify="required|lenLimit20">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>联系人姓名</label>
				<div class="layui-input-block">
					<input type="text" name="contact" autocomplete="off" class="layui-input" id="contact" lay-verify="required|lenLimit20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>联系人号码</label>
				<div class="layui-input-block">
					<input type="text" name="contactTel" autocomplete="off" class="layui-input" id="contactTel" lay-verify="required|phone">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>微信</label>
				<div class="layui-input-block">
					<input type="text" name="wechat" autocomplete="off" class="layui-input" id="wechat" lay-verify="required|lenLimit20">
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-input-block" style="text-align: center;">
					<button type="button" class="layui-btn" lay-submit id="doSubmitAdd" lay-filter="doSubmitAdd"><i class="layui-icon">&#xe654;</i>新增</button>
					<button type="reset" class="layui-btn layui-btn-warm" ><i class="layui-icon">&#xe669;</i>重置</button>
				</div>
			</div>
		</form>
	</div>
	<!-- 新增弹出层结束-->

	<!-- 修改弹出层开始 -->
	<div style="display:none;padding:10px" id="saveDiv">
		<form action="" method="post" class="layui-form" id="dataFrm" lay-filter="dataFrm">

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>学校ID</label>
				<div class="layui-input-block">
					<input type="text" name="schoolID" autocomplete="off" class="layui-input" id="schoolid2" disabled="disabled" lay-verify="required|lenLimit20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>学校名称</label>
				<div class="layui-input-block">
					<input type="text" name="schoolname" autocomplete="off" class="layui-input" id="schoolname2" lay-verify="required|lenLimit20">
				</div>
			</div>
			<!-- <div class="layui-form-item">
				<label class="layui-form-label">学校类型</label>
				<div class="layui-input-block">
					<input type="text" name="site" autocomplete="off" class="layui-input" id="schooltype2" lay-verify="lenLimit20">
				</div>
			</div> -->
			<div class="layui-form-item">
				<label class="layui-form-label">学校类型</label>
				<div class="layui-input-block">
					<select name=""  lay-filter="mySelect1" id = "schooltype2">
						<option value="">请选择学校类型</option>
						<option value="1">大学</option>
						<option value="2">高中</option>
						<option value="3">初中</option>
						<option value="4">小学</option>
						<option value="5">幼儿园</option>
						<option value="6">其他</option>
					</select>
				</div>
			</div>
			<!-- xql 三级联动选择地址栏开始 -->
			<!-- <div class="layui-form-item" id="area-picker">
						<div class="layui-form-label"><span style="color:red;">*</span>学校地址</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="province" class="province-selector" data-value="" lay-filter="province-1">
							<option value="">请选择省</option>
						  </select>
						</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="city" class="city-selector" data-value="" lay-filter="city-1">
							<option value="">请选择市</option>
						  </select>
						</div>
						<div class="layui-input-inline" style="width: 150px;">
						  <select name="county" class="county-selector" data-value="" lay-filter="county-1">
							<option value="">请选择区</option>
						  </select>
						</div>
			</div> -->
			<!-- xql 三级联动选择地址栏结束 -->

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>地址</label>
				<div class="layui-input-block">
					<input type="text" name="address" autocomplete="off" class="layui-input" id="address2" lay-verify="required|lenLimit20">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>联系人姓名</label>
				<div class="layui-input-block">
					<input type="text" name="contact" autocomplete="off" class="layui-input" id="contact2" lay-verify="required|lenLimit20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>联系人号码</label>
				<div class="layui-input-block">
					<input type="text" name="contactTel" autocomplete="off" class="layui-input" id="contactTel2" lay-verify="required|phone">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"><span style="color:red;">*</span>微信</label>
				<div class="layui-input-block">
					<input type="text" name="wechat" autocomplete="off" class="layui-input" id="wechat2" lay-verify="required|lenLimit20">
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-input-block" style="text-align: center;">
					<button type="button" class="layui-btn" lay-submit id="doSubmitSave" lay-filter="doSubmitSave"><i class="layui-icon">&#xe605;</i>保存</button>
					<!-- <button type="reset" class="layui-btn layui-btn-warm" ><i class="layui-icon">&#xe669;</i>重置</button> -->
				</div>
			</div>
		</form>
	</div>
	<!-- 修改弹出层结束 -->
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="schoolMag.js"></script>
</body>
</html>
